// 全局样式优化
:root {
  // 圆角变量
  --border-radius-base: 4px;
  --border-radius-medium: 6px;
  --border-radius-large: 8px;
  
  // 阴影变量
  --box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 6px rgba(0, 0, 0, 0.08);
}

// 全局样式
body {
  // 平滑滚动
  scroll-behavior: smooth;
}

// 卡片样式优化
.el-card {
  border-radius: var(--border-radius-medium);
  border: none;
  box-shadow: var(--box-shadow-light);
  transition: box-shadow 0.3s ease;
  
  &:hover {
    box-shadow: var(--box-shadow-base);
  }
}

// 按钮样式优化
.el-button {
  border-radius: var(--border-radius-base);
  transition: all 0.3s ease;
  
  &:not(.is-text) {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  }
}

// 输入框样式优化
.el-input__wrapper {
  border-radius: var(--border-radius-base);
  transition: all 0.3s ease;
  
  &:hover {
    box-shadow: var(--box-shadow-light);
  }
}

// 表格样式优化
.el-table {
  border-radius: var(--border-radius-medium);
  overflow: hidden;
  
  th {
    background-color: rgba(0, 0, 0, 0.02) !important;
  }
  
  td {
    transition: background 0.3s ease;
  }
}

// 菜单样式优化
.el-menu {
  border-right: none;
  
  .el-menu-item, .el-sub-menu__title {
    transition: all 0.3s ease;
    
    &:hover {
      background-color: rgba(0, 0, 0, 0.06);
    }
  }
}

// 分割线优化
.el-divider {
  background-color: rgba(0, 0, 0, 0.06);
}

// 滚动条美化
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  
  &:hover {
    background: rgba(0, 0, 0, 0.2);
  }
}

::-webkit-scrollbar-track {
  background: transparent;
} 

// 标签样式覆盖
.el-tag {
  &.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-text-color: var(--el-color-primary);
  }

  &.el-tag--success {
    --el-tag-bg-color: var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-text-color: var(--el-color-success);
  }

  &.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning-light-9);
    --el-tag-border-color: var(--el-color-warning-light-8);
    --el-tag-text-color: var(--el-color-warning);
  }

  &.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger-light-9);
    --el-tag-border-color: var(--el-color-danger-light-8);
    --el-tag-text-color: var(--el-color-danger);
  }
}